<template>
  <el-skeleton style="height: 50vh" :rows="8" :loading="loading" animated>
    <el-table
      :data="tableData"
      border
      v-loading="loading"
      :header-cell-style="{ background: '#eef1f6', color: '#606266' }"
    >
      <template #empty>
        <el-empty :image-size="150" description="暂无数据"></el-empty>
      </template>
      <el-table-column type="index" label="序号" width="50"></el-table-column>
      <el-table-column
        prop="billNum"
        label="单据编号"
        width="80"
      ></el-table-column>
      <el-table-column prop="billName" label="单据名称"></el-table-column>
      <el-table-column prop="" label="单据类型"></el-table-column>
      <el-table-column prop="projectName" label="项目名称"></el-table-column>
      <el-table-column prop="directorName" label="创建人"></el-table-column>
      <el-table-column prop="directorTime" label="创建时间"></el-table-column>
      <el-table-column prop="billStatus" label="单据状态"></el-table-column>
    </el-table>
  </el-skeleton>
</template>

<script lang="ts">
import { ref, defineComponent } from "vue";

export default defineComponent({
  name: "Read",
  setup() {
    let loading = ref<boolean>(false);
    let tableData = ref([]);
    return {
      loading,
      tableData
    };
  }
});
</script>

<style lang="scss" scoped></style>
